import styled from 'styled-components'

const ShowBox = styled.div`
    display:flex;
    flex-direction:column;
    height:100%;
`

const ShowDiv = styled.div`
    flex:1;
    ul{
        background:#fff;
        li{
            display:flex;
            padding-left:0.08rem;
            width:100%;
            p{
                line-height:0.46rem;
                height:0.46rem;;
                width:0.94rem;
                position: relative;
                padding-left:0.15rem;
            }
            .showli{
                flex:1;
                >div{
                    display:flex;
                    justify-content:space-between;
                    align-items:center;
                    height:0.46rem;
                    border-bottom:1px solid #ccc;
                }
            }
        }
        li:first-child{
            position: relative;
            &::before{
                content:'';
                position:absolute;
                top:0.46rem;
                left:0;
                width:100%;
                height:1px;
                border-bottom:1px solid #ccc;
            }
            P{
                border-left:2px solid #308bfe;
            }
            .showli{
                div:first-child{
                 border:none;
                }
            }

        }
    }
`

const Listdiv = styled.div`
    .am-accordion-header{
        padding:0 0.1rem!important;
        h2{
            font-weight:normal;
            font-size:0.14rem;
            letter-spacing:0.02rem;
            position: relative;
            span:first-child{
                padding-left:0.14rem;
            }
            span:last-child{
                padding-left:0.2rem;
            }

        }

    }
    .am-accordion-item-active{
        .am-accordion-header{
            &::before{
                content:'';
                position:absolute;
                top:0;
                left:0.1rem;
                width:1px;
                height:100%;
                border-left:2px solid #308BFE;
            }
        }
    }
    .am-list-item{
        padding-left:1.06rem;
    }
    .am-list-content{
        letter-spacing:0.02rem;
        font-size:0.14rem!important;

    }
`
export {
    ShowDiv,
    ShowBox,
    Listdiv
}